Winkel ng-Wiederholung mit Direktive

Question

Ich bin neu in Angular und habe das folgende Problem, bei dem ich Unterstützung brauche.
Ich verwende Angular Charts-Direktiven http://jtblin.github.io/angular-chart.js/, um ein Chart Board zu erstellen. Ich habe das folgende Szenario:
Ich habe einer Direktive eine Ansicht und einen anenter Code hier zugeordneten Controller zugeordnet.
Innerhalb des Controllers sollte sich ein Array-Diagramm [] befinden, das Objekte enthält.
Diese Objekte sollten in beide Richtungen mit der Diagrammanweisung verbunden sein.
Was ist der geeignete Weg, um dies zu tun? Ich werde meine Diagramme dynamisch ausbilden, ohne dass an jedes Diagramm ein Controller angeschlossen ist. Ist das möglich?
reportView.html

 

reportViewController.js
angle.module ('app'). controller ('reportViewController', reportViewCtrl);
reportViewCtrl. $ injizieren = ['$ scope', '$ log', 'RefinerService', 'appConfig'];
Funktion reportViewCtrl ($ scope, $ log, RefinerService, appConfig) {
$ scope.charts = [];
var chart = {
ID: 1
Sichtbar: wahr
, Typ: "Diagrammlinie"
, Daten: [
[65, 59, 80, 81, 56, 55, 40]
, [28, 48, 40, 19, 86, 27, 90]
]]
, Labels: ['2006', '2007', '2008', '2009', '2010', '2011', '2012']
, Serie: ['Produkt A', 'Produkt B']
}}
$ scope.charts.push (Diagramm);
}}
chartTemplate.html

Accepted Answer

Bearbeiten: Letzte Geige mit Arbeitsbeispiel in Zusammenarbeit mit OP - https://plnkr.co/edit/8fJ4u0U2fL4lYTioCbG0?p=preview
Sie müssen das "c" aus der ng-Wiederholung in die Diagrammanweisung übergeben.
Hier ist eine Geige zu demonstrieren: http://jsfiddle.net/8zwmt18L/1/

 

In Ihrer Richtlinie:
angle.module ('app'). Direktive ('chart', function () {
Rückkehr {
einschränken: 'E',
templateUrl: 'templates / chartTemplate.html',
Umfang: {
chartData: '='
}}
};
});
In Ihrer Direktivenvorlage:

Winkel ng-Wiederholung mit Direktive

热门问题

相关问题

Winkel ng-Wiederholung mit Direktive

热门问题

相关问题

最新问题